<template>
    <div class="tab_bar">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: "Tabbar"
    }
</script>

<style scoped>
    .tab_bar{
        display :flex;
        background-color:#f6f6f6;
        position :fixed;
        left :0;
        right :0;
        bottom :0;
        /*阴影 ： 水平阴影的位置(如是正值，表示往左偏移)。允许负值，垂直阴影的位置(如是正值，表示往下偏移)。允许负值，阴影尺寸，颜色*/
        box-shadow:0 -2px 5px rgba(100,100,100,0.1);
        /*如果box-shadow写在tab_bar_item里 会使四个div之间都产生阴影*/
    }

</style>